

<template>
  <h3>tabBar组件</h3>
  <np-tabs></np-tabs>
  <br>
  <h3>按钮组件</h3>
  <np-button-win7/>
  <br>
   <np-button-linux/>
  <br>
  <np-button-win10-s1/>
  <br>
  <np-button-win10-s2/>
  <br>
  <np-button-win10-s3/>
  <br>
  <np-button-win11-s1/>
  <br>
  <np-button-win11-s2/>
  <br>
  <br>
  <np-select-win7/>
  <np-select-win/>
  <br>
  <np-input/>
</template>
<script setup>
import NpTabs from "./components/np-tabs/tabs.vue";
import NpSelectWin7 from "./components/np-select/np-select-win7.vue";
import NpButtonWin7 from "./components/np-button/np-button-win7.vue";
import NpButtonWin10S1 from "./components/np-button/np-button-win10-s1.vue";
import NpButtonWin10S3 from "./components/np-button/np-button-win10-s3.vue";
import NpButtonLinux from "./components/np-button/np-button-Linux.vue";
import NpButtonWin10S2 from "./components/np-button/np-button-win10-s2.vue";
import NpButtonWin11S1 from "./components/np-button/np-button-win11-s1.vue";
import NpButtonWin11S2 from "./components/np-button/np-button-win11-s2.vue";
import NpSelectWin from "./components/np-select/np-select-win.vue";
import NpInput from "./components/np-input/np-input.vue";
</script>
<style scoped>
button:focus {
  outline: none;
}

@media (max-width: 600px) {
  p,
  br,
  h1,
  h2 {
    display: none;
  }
}

html {
  background: #eee;
  color: #444;
  padding: 16px 16px 16px 16px;
}

button {
  margin: 8px;
}
</style>
